html
	body
		head
			meta(charset="utf-8")
			meta(name="viewport",content="width=device-width,initial-scale=1")
			title web考勤管理页面
			link(rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous")
			link(rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css")
			link(rel="stylesheet" href="dist/css/font-awesome/css/font-awesome.min.css")
			link(rel="stylesheet" href="dist/css/ionicons.min.css")
			link(rel="stylesheet" href="dist/css/AdminLTE.min.css")
			link(rel="stylesheet" href="dist/css/skins/skin-blue.css")
			link(rel="stylesheet" href="dist/css/bootstrap-datepicker.min.css")
			script(src="https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js")
			script(src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js")
			script(src="dist/js/adminlte.min.js")
			script(src="dist/js/bootstrap-datepicker.min.js")
			script(src="dist/js/bootstrap-datepicker.zh-CN.min.js")
		body.hold-transition.skin-blue.sidebar-mini
			div.wrapper
				header.main-header
					a.logo
						span.logo-mini
							b 考勤
						span.logo-lg
							b 协同考勤
					nav.navbar.navbar-static-top
						a.sidebar-toggle(data-toggle="push-menu" role="button")
							span.sr-only Toggle navigation
						.navbar-custom-menu
							ul.nav.navbar-nav
								li.dropdown.messagses-menu
									a.dropdown-toggle(href="#",data-toggle="dropdown")
										i.fa.fa-envelope-o
										span.label.label-success
							ul.dropdown-menu
								li.header
								li
									ul.menu
										li
											a
												.pull-left
													img.img-circle(src="images/dog.jpg")
												h4 support team
								li.footer
									a see all messages
				aside.main-sidebar
					section.sidebar
						.user-panel
							.pull-left.image
								img.img-circle(src="images/dog.jpg")
							.pull-left.info
								p yosang
					ul.sidebar-menu(data-widget="tree")
						li.header HEADER
						li.treeview
							a(href="#")
								i.fa.fa-link
								span 协同办公
								span.pull-right-container
									i.fa.fa-angle-left.pull-right
							ul.treeview-menu
								li
									a(href="/leave") 休假申请
								li
									a(href="/overwork") 加班申请
								li
									a(href="/travel") 出差申请
								li
									a(href="/myApply") 我的申请
								li
									a(href="/holidaySurplus") 我的假期结余
						li
							a
								i.fa.fa-link
								span 消息中心
				.content-wrapper
					section.content-header
						small
							ol.breadcrumb
								li
									a
										i.fa.fa-dashboard
								li.active 申请休假
					section.content.container-fluid
						.panel.panel-default
							.panel-body
								.row
									.col-md-4
										.col-md-3
											span.inputlabel 请假类型：
										.col-md-8
											select.form-control
												option 事假
												option 年假
												option 病假
									.col-md-4
										.col-md-3
											span.inputlabel 审批人:
										.col-md-8
											select.form-control
												option 余盛季
												option 向艳萍
												option 孙鹏
									.col-md-4
										.col-md-3
											span.inputlabel 请假时间
										.col-md-9
											.input-daterange.input-group#datepicker
												input.input-sm.form-control(type="text",name="start",id="starttime",value="2017-08-30")
												span.input-group-addon to
												input.input-sm.form-control(type="text",name="end",id="starttime",value="2017-08-30")
								.row		
									span.inputlabel 请假事由:
									textarea.col-md-12.form-control
								.row
									button.btn.btn-default.submitApply 提交申请
										



				footer.main-footer
					.pull-right.hidden-xs Anything you want
					strong Copyright &copy; 2018
	style.
		.col-md-4,.form-control,.col-md-3{
		padding:0;
		}
		.leaveReason{
			width:100%;
			height:50%;
		}
		.submitApply{
		margin-top:2rem;
		background-color:#32a7b8;
		}
		.panel-body{
		padding:1rem 3rem;
		}
		@media ( max-width: 576px){
		.inputlabel{
		display:block;
		margin-top:2rem;
		}
		}
	script.
		$(function(){
			$('.input-daterange').datepicker({
				language: "zh-CN",
				format: "yyyy-mm-dd"
			})
		})
		
